﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

.grid-style {
    border: 1px solid rgb(212,212,212);
    min-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.user-details {
    margin-top: 50px;
}

.gender-text {
    margin: 0 5px;
    vertical-align: sub;
}
.gridContainer td {
    vertical-align: middle;
}
.gridTable tr:first-child th {
    background-color: #027FF4;
    color: #fff;
    font-weight: bold;
}

.btn.active {
  background-color: #f7f7f7;
}

/* ng-cloak */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng.ng-cloak {
    display: none;
}

.novalidate {
    border-left: none !important;
}

input.ng-invalid, select.ng-invalid {
  /*border-left: 5px solid #E03930;*/
}
input.ng-valid {
  /*border-left: 5px solid #57A83F;*/
}

.errorMessage {
    position:absolute;
    padding: 5px;
    background-color: #E03930;
    color:black;
}

.editIcon {
    margin-top: 2px;
}

.pagination li {
    cursor: pointer;
}

.pointer {
    cursor: pointer;
}

.wideInput {
    width: 350px;
}

.align-right {
    text-align: right !important;
}

/* wcOverlay directive CSS styles */
.overlayContainer { display: none;}
.overlayBackground { top:0px; left:0px; position:absolute; z-index:1000;height:100%;width:100%;background-color:#808080;opacity:0.3;}
.loading-img { position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -10px;}
.overlayContent { position:absolute; border: 1px solid #000; background-color:#fff; font-weight: bold;height: 100px;width: 300px;z-index:1000;text-align:center;}
.loading { border:1px solid #ddd; padding:20px; margin:40px 5px; width:80px;}
.reportResponseDiv {
    border: solid 1px;
    padding: 10px;
    margin: 20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    max-width: 250px;
}
.loginDiv {
    border: solid 1px;
    padding: 10px;
    margin: 20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    max-width: 200px;
}
